<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>博客列表</title>
    <link rel="stylesheet" href="./css/common.css?v=1" />
    <link rel="stylesheet" href="./css/eidt.css" />
    <link rel="stylesheet" href="./editor.md/css/editormd.min.css" />
  </head>

  <body>
    <!-- 导航栏 -->
    <div class="nav">
      <!-- logo -->
      <img src="./images/logo_003.jpg" alt="" />
      <div class="content">
        <span>我的博客系统</span>
        <div class="opts">
          <a href="./blog_list.html">主页</a>
          <a href="./blog_eidt.html">写博客</a>
          <a href="logout">注销</a>
        </div>
      </div>
    </div>
    <!-- 正文部分 -->
    <div class="edit-container">
      <form action="blog" method="post" style="height: 100%">
        <!-- 博客标题部分 -->
        <div class="title-container">
          <input type="text" id="title" name="title" />
          <input type="submit" id="submit" value="提交" />
        </div>
        <!-- 博客正文部分 -->
        <div class="content-container">
          <!-- 创建一个div，起一个id -->
          <div id="blog_edit">
            <!-- textarea也是一个表单控件，
                    当我们在editor.md中编辑好的内容会关联这个文本域上，
                    以便表单提交数据
                -->
            <textarea name="content" style="display: none"></textarea>
          </div>
        </div>
      </form>
    </div>
  </body>
  <!-- 先引入jQuery -->
  <script src="./js/jquery-3.6.3.min.js"></script>
  <!-- 再引入编辑器插件 -->
  <script src="./editor.md/editormd.min.js"></script>
  <!-- 初始化编辑器 -->
  <script type="text/javascript">
    $(function () {
      var editor = editormd("blog_edit", {
        width: "100%",
        height: "100%",
        // theme : "dark",
        // previewTheme : "dark",
        // editorTheme : "pastel-on-dark",
        codeFold: true,
        //syncScrolling : false,
        saveHTMLToTextarea: true, // 保存 HTML 到 Textarea
        searchReplace: true,
        //watch : false,                    // 关闭实时预览
        htmlDecode: "style,script,iframe|on*", // 开启 HTML 标签解析，为了安全性，默认不开启
        // toolbar  : false,             //关闭工具栏
        // previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
        emoji: true,
        taskList: true,
        tocm: true, // Using [TOCM]
        tex: true, // 开启科学公式TeX语言支持，默认关闭
        flowChart: true, // 开启流程图支持，默认关闭
        sequenceDiagram: true, // 开启时序/序列图支持，默认关闭
        placeholder: "开始创作...", // 占位符
        path: "./editor.md/lib/",
      });
    });
  </script>
</html>
